.app-container {
  padding: 20px;
}
.text-center {
  text-align: center !important;
}
// 个人中心
.personal-box{
  &{
    height: 100%;
  }

  .personal-sidebar{
    background: #fff;
    position: relative;
    padding-top: 0.15rem;
    background-image: url(@/assets/personal-sidebar.png) ;
    background-repeat:no-repeat;
    background-size: 100% 3.7rem;
    background-position: bottom;
    .img-circle {
      border-radius: 50%;
    }

    .img-lg {
      width: 1rem;
      height: 1rem;
    }
    .default-photo{
      width: 1rem;
      height: 1rem;
      background: url(@/assets/defaulat-photo.png);
      background-size: 100% 100%;
    }
    .list-group{
      padding: 0 0.2rem;
      font-size: 0.14rem;
      .list-group-item{
        display: flex;
        line-height: 0.35rem;
        .label{
          color: #999;
          padding-right: 0.05rem;
        }
      }
    }
  }
  .personal-main{
    padding-left: 0.2rem;
    height: 100%;
    .content{
      background: #fff;
      padding: 0.2rem 0;
      height: 100%;
      .title{
        height: 0.5rem;
        line-height: 0.5rem;
      }
      .person-from{
        padding:0 0.2rem;
      }
    }
  }
  .person-tab{
    position: relative;
    height: 100%;
    .el-tabs__header{
      border-bottom: none;
      .el-tabs__nav{
        border-radius: 0;
        border-bottom:1px solid #dfe4ed;
        width: fit-content;
        margin: 0 auto;
        float: unset;
      }
    }
    .el-tabs__content{
      height: calc(100% - 0.5rem);
      .el-form-item__label{
        font-size: 0.14rem;
      }
    }
  }
  .person-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
